<template>
  <div class="page flex-col">
    <div class="bd1 flex-col">
      <div class="main1 flex-col">
        <!-- <div class="wrap1 flex-row">
          <img
            class="icon1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb6cc297195a84b9544c4e59a32d24424d00a95a09f65e7037a527a742a591482"
          />
          <span class="txt1">9:41&nbsp;AM</span>
          <span class="txt2">100%</span>
          <img
            class="icon2"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngdd450f89ba479204a2c9af635aa53d97a7851ee7077bc39481cfef2bfb747afa"
          />
        </div> -->
      </div>
      <div class="main2 flex-col">
        <!-- <div class="main3 flex-col">
          <div class="mod1 flex-row">
            <img
              class="label1"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga06d635ad4bece58743f102d0d21897beb5a26aaf2ceb94598a2d17fc89a3f78"
            />
            <span class="word1">信息确认</span>
          </div>
          <div class="mod2 flex-col"></div>
        </div> -->
      </div>
      <div class="main4 flex-col">
        <div class="block1 flex-col">
          <div class="block2 flex-col">
            <div class="layer1 flex-col">
              <div class="main5 flex-col">
                <div class="bd2 flex-row">
                  <img
                    class="label2"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12196eb170a78d58e11763a7f5af6eb18910ecd99b9608fc6df27fd4bfefabe3"
                  />
                  <span class="info1">投保人信息</span>
                </div>
              </div>
              <div class="main6 flex-col">
                <div
                  class="main7-0 flex-col"
                  :style="{ background: item.lanhuBg0 }"
                  v-for="(item, index) in loopData0"
                  :key="index"
                >
                  <div class="main8-0 flex-row">
                    <span class="word2-0" v-html="item.lanhutext0"></span>
                    <span class="word3-0" v-html="item.lanhutext1"></span>
                  </div>
                </div>
              </div>
              <div class="main9 flex-col">
                <div class="layer2 flex-row">
                  <span class="word4">联系地址</span>
                  <span class="word5">
                    上海市浦东新区金海路1000号金领之都25号楼国华人寿5楼
                  </span>
                </div>
              </div>
            </div>
          </div>
          <div class="block3 flex-col">
            <div class="mod3 flex-col">
              <div class="layer3 flex-col">
                <div class="section1 flex-row">
                  <img
                    class="icon3"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12196eb170a78d58e11763a7f5af6eb18910ecd99b9608fc6df27fd4bfefabe3"
                  />
                  <span class="txt3">被保人信息</span>
                </div>
              </div>
              <div class="layer4 flex-col">
                <div class="block4 flex-row">
                  <span class="word6">与投保人关系</span>
                  <span class="word7">本人</span>
                </div>
              </div>
            </div>
          </div>
          <div class="block5 flex-col">
            <div class="section2 flex-col">
              <div class="group1 flex-col">
                <div class="main10 flex-row">
                  <img
                    class="icon4"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12196eb170a78d58e11763a7f5af6eb18910ecd99b9608fc6df27fd4bfefabe3"
                  />
                  <span class="word8">受益人信息</span>
                  <img
                    class="pic1"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng76987f211fb8b52aa7a631c8267a04eab7f7053736f067f42f86a40550bf5fcf"
                  />
                </div>
              </div>
              <div class="group2 flex-col">
                <div class="wrap2 flex-row">
                  <span class="word9">受益人一</span>
                  <span class="txt4">李小国</span>
                </div>
              </div>
              <div class="group3 flex-col">
                <div class="box1 flex-row">
                  <span class="info2">身份证</span>
                  <span class="word10">123***&nbsp;********&nbsp;1234</span>
                </div>
              </div>
              <div class="group4 flex-col">
                <div class="box2 flex-row">
                  <span class="txt5">证件长期有效</span>
                  <span class="info3">是</span>
                </div>
              </div>
              <div class="group5 flex-col">
                <div class="box3 flex-row">
                  <span class="word11">职业类别</span>
                  <span class="word12">机关单位</span>
                </div>
              </div>
              <div class="group6 flex-col">
                <div class="box4 flex-row">
                  <span class="word13">电子邮箱</span>
                  <span class="txt6">432******&#64;163.com</span>
                </div>
              </div>
              <div class="group7 flex-col">
                <div class="outer1 flex-row">
                  <span class="info4">联系地址</span>
                  <span class="info5">
                    上海市浦东新区金海路1000号金领之都25号楼国华人寿5楼
                  </span>
                </div>
              </div>
              <div class="group8 flex-col">
                <div class="box5 flex-row">
                  <span class="word14">受益份额</span>
                  <span class="word15">50%</span>
                </div>
              </div>
              <div class="group9 flex-col"></div>
              <div class="group10 flex-col">
                <div class="main11 flex-row">
                  <span class="word16">受益人二</span>
                  <span class="txt7">李二国</span>
                </div>
              </div>
              <div class="group11 flex-col">
                <div class="block6 flex-row">
                  <span class="info6">身份证</span>
                  <span class="word17">123***&nbsp;********&nbsp;1234</span>
                </div>
              </div>
              <div class="group12 flex-col">
                <div class="group13 flex-row">
                  <span class="txt8">证件长期有效</span>
                  <span class="txt9">是</span>
                </div>
              </div>
              <div class="group14 flex-col">
                <div class="mod4 flex-row">
                  <span class="word18">职业类别</span>
                  <span class="info7">机关单位</span>
                </div>
              </div>
              <div class="group15 flex-col">
                <div class="group16 flex-row">
                  <span class="txt10">电子邮箱</span>
                  <span class="word19">432******&#64;163.com</span>
                </div>
              </div>
              <div class="group17 flex-col">
                <div class="layer5 flex-row">
                  <span class="word20">联系地址</span>
                  <span class="word21">
                    上海市浦东新区金海路1000号金领之都25号楼国华人寿5楼
                  </span>
                </div>
              </div>
              <div class="group18 flex-col">
                <div class="outer2 flex-row">
                  <span class="word22">受益份额</span>
                  <span class="info8">50%</span>
                </div>
              </div>
            </div>
            <div class="section3 flex-col">
              <div class="group19 flex-row">
                <span class="word23">年收入(元)</span>
                <span class="info9">1,000,000</span>
              </div>
            </div>
            <div class="section4 flex-col">
              <div class="section5 flex-row">
                <span class="txt11">年收入(元)</span>
                <span class="info10">1,000,000</span>
              </div>
            </div>
          </div>
          <span class="info11">自动续期相关协议授权</span>
          <div class="block7 flex-row">
            <img
              class="icon5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng34ad8ad88738366cb66f923c74de493cba4747cd550494f48679c6afa82d1010"
            />
            <span class="info12">华瑞云服保险将每期自动扣取保费</span>
          </div>
          <div class="block8 flex-row">
            <img
              class="icon6"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng34ad8ad88738366cb66f923c74de493cba4747cd550494f48679c6afa82d1010"
            />
            <span class="info13">扣款方式默认使用本次支付方式，可随时修改</span>
          </div>
          <div class="block9 flex-row">
            <img
              class="icon7"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng34ad8ad88738366cb66f923c74de493cba4747cd550494f48679c6afa82d1010"
            />
            <span class="info14">可随时退保，退保后不再自动扣款</span>
          </div>
          <div class="block10 flex-row">
            <span class="info15">开通前请仔细阅读</span>
            <span class="txt12">《付款协议》</span>
          </div>
          <div class="block11 flex-col">
            <div class="main12 flex-col"><span class="txt13">下一步</span></div>
          </div>
        </div>
      </div>
    </div>
    <div class="bd3 flex-col">
      <div class="mod5 flex-col">
        <span class="word24">国华成人及儿童长期医疗保险</span>
        <div class="block12 flex-col">
          <div class="block13 flex-col">
            <div class="wrap3 flex-col">
              <span class="txt14">险种信息</span>
            </div>
            <div class="wrap4 flex-col">
              <div class="layer6 flex-row">
                <span class="txt15">保险期间</span>
                <span class="txt16">2020.07.20-终身</span>
              </div>
            </div>
            <div class="wrap5 flex-col">
              <div class="group20 flex-row">
                <span class="txt17">交费期间</span>
                <span class="word25">10年</span>
              </div>
            </div>
            <div class="wrap6 flex-col">
              <div class="bd4 flex-row">
                <span class="info16">保险金额</span>
                <span class="info17">1,000,000元</span>
              </div>
            </div>
            <div class="wrap7 flex-col">
              <div class="bd5 flex-row">
                <span class="word26">期交保险费</span>
                <span class="word27">562.20元</span>
              </div>
            </div>
            <div class="wrap8 flex-col">
              <div class="section6 flex-row">
                <span class="txt18">交费方式</span>
                <span class="txt19">年交</span>
              </div>
            </div>
          </div>
          <img
            class="img1"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8a826a5e5815c63c0f124f6d1332450414799445d352246a66c4722b5aa5733e"
          />
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        { lanhuBg0: 'transparent', lanhutext0: '姓名', lanhutext1: '李小国' },
        {
          lanhuBg0:
            'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86) 100% no-repeat',
          lanhutext0: '身份证',
          lanhutext1: '123***&nbsp;********&nbsp;1234'
        },
        {
          lanhuBg0:
            'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86) 100% no-repeat',
          lanhutext0: '证件长期有效',
          lanhutext1: '是'
        },
        {
          lanhuBg0:
            'url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86) 100% no-repeat',
          lanhutext0: '年收入(元)',
          lanhutext1: '1,000,000'
        },
        {
          lanhuBg0: 'transparent',
          lanhutext0: '职业类别',
          lanhutext1: '机关单位'
        },
        {
          lanhuBg0: 'transparent',
          lanhutext0: '电子邮箱',
          lanhutext1: '432******&#64;163.com'
        }
      ],
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
    Arial, PingFang SC-Light, Microsoft YaHei;
}
button {
  margin: 0;
  padding: 0;
  border: 1px solid transparent;
  outline: none;
  background-color: transparent;
}

button:active {
  opacity: 0.6;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 3030px;
  background-color: rgba(242, 242, 242, 1);
  overflow: hidden;
  .bd1 {
    z-index: auto;
    width: 750px;
    height: 3030px;
    .main1 {
      z-index: 10;
      height: 40px;
      background-color: rgba(255, 255, 255, 1);
      width: 750px;
      justify-content: flex-end;
      padding-bottom: 1px;
      align-items: center;
      .wrap1 {
        z-index: auto;
        width: 727px;
        height: 33px;
        .icon1 {
          z-index: 22;
          width: 29px;
          height: 19px;
          margin-top: 5px;
        }
        .txt1 {
          z-index: 21;
          width: 90px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: center;
          margin-left: 289px;
        }
        .txt2 {
          z-index: 14;
          width: 66px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 24px;
          line-height: 33px;
          text-align: right;
          margin-left: 198px;
        }
        .icon2 {
          z-index: 15;
          width: 49px;
          height: 21px;
          margin: 4px 0 0 6px;
        }
      }
    }
    .main2 {
      z-index: 4;
      height: 88px;
      background-color: rgba(255, 255, 255, 1);
      width: 750px;
      justify-content: flex-end;
      .main3 {
        z-index: auto;
        width: 750px;
        height: 73px;
        .mod1 {
          z-index: auto;
          width: 409px;
          height: 58px;
          margin-left: 40px;
          justify-content: space-between;
          .label1 {
            z-index: 7;
            width: 47px;
            height: 44px;
            margin-top: 7px;
          }
          .word1 {
            z-index: 6;
            width: 148px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            letter-spacing: 1px;
            font-family: PingFangSC-Medium;
            line-height: 58px;
            text-align: center;
          }
        }
        .mod2 {
          z-index: 5;
          width: 750px;
          height: 1px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbe00a0a6594e3fec4f9567996fc96f8641842e8a31cd3ba7109cd48ef69e114e)
            100% no-repeat;
          margin-top: 14px;
        }
      }
    }
    .main4 {
      z-index: 2;
      height: 2900px;
      background-color: rgba(247, 246, 248, 1);
      margin-top: 2px;
      width: 750px;
      justify-content: flex-end;
      .block1 {
        z-index: auto;
        width: 750px;
        height: 2359px;
        .block2 {
          z-index: 28;
          height: 533px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfca64daa239a5d351060235197da2e1f69cee2d23434186d6db3251a3601457d)
            100% no-repeat;
          width: 750px;
          justify-content: flex-start;
          padding-top: 10px;
          .layer1 {
            z-index: auto;
            width: 750px;
            height: 493px;
            .main5 {
              z-index: 30;
              height: 70px;
              width: 750px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 40px;
              .bd2 {
                z-index: auto;
                width: 192px;
                height: 45px;
                justify-content: space-between;
                .label2 {
                  z-index: 32;
                  width: 12px;
                  height: 32px;
                  margin-top: 7px;
                }
                .info1 {
                  z-index: 31;
                  width: 160px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 32px;
                  font-family: PingFangSC-Semibold;
                  line-height: 45px;
                  text-align: left;
                }
              }
            }
            .main6 {
              z-index: auto;
              width: 750px;
              height: 322px;
              .main7-0 {
                z-index: 74;
                height: 54px;
                width: 750px;
                justify-content: center;
                align-items: center;
                .main8-0 {
                  z-index: auto;
                  width: 690px;
                  height: 38px;
                  justify-content: space-between;
                  .word2-0 {
                    z-index: 76;
                    width: 156px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 26px;
                    line-height: 38px;
                    text-align: left;
                  }
                  .word3-0 {
                    z-index: 78;
                    width: 492px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(38, 46, 63, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: right;
                  }
                }
              }
            }
            .main9 {
              z-index: 68;
              height: 100px;
              margin-top: 1px;
              width: 750px;
              justify-content: flex-start;
              padding-top: 7px;
              align-items: center;
              .layer2 {
                z-index: auto;
                width: 690px;
                height: 80px;
                justify-content: space-between;
                .word4 {
                  z-index: 70;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                  margin-top: 1px;
                }
                .word5 {
                  z-index: 72;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 40px;
                  text-align: right;
                }
              }
            }
          }
        }
        .block3 {
          z-index: 80;
          height: 174px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc78b3db6c140ac3f61b6ea11a6917e3c4888c88021658d54cb558583a31acfd3)
            100% no-repeat;
          margin-top: 20px;
          width: 750px;
          justify-content: flex-start;
          padding-top: 10px;
          .mod3 {
            z-index: auto;
            width: 750px;
            height: 134px;
            .layer3 {
              z-index: 82;
              height: 70px;
              width: 750px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 40px;
              .section1 {
                z-index: auto;
                width: 192px;
                height: 45px;
                justify-content: space-between;
                .icon3 {
                  z-index: 84;
                  width: 12px;
                  height: 32px;
                  margin-top: 7px;
                }
                .txt3 {
                  z-index: 83;
                  width: 160px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 32px;
                  font-family: PingFangSC-Semibold;
                  line-height: 45px;
                  text-align: left;
                }
              }
            }
            .layer4 {
              z-index: 87;
              height: 54px;
              margin-top: 10px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .block4 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .word6 {
                  z-index: 89;
                  width: 156px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word7 {
                  z-index: 91;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
          }
        }
        .block5 {
          z-index: 93;
          height: 1120px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnga33dd5352f0c74a2e6c7784a5690d8b79d00bd7938903a9fb6214e26630e92b3)
            100% no-repeat;
          margin-top: 20px;
          width: 750px;
          justify-content: flex-start;
          padding-top: 10px;
          position: relative;
          .section2 {
            z-index: auto;
            width: 750px;
            height: 1089px;
            .group1 {
              z-index: 95;
              height: 70px;
              width: 750px;
              justify-content: center;
              align-items: flex-end;
              padding-right: 36px;
              .main10 {
                z-index: auto;
                width: 674px;
                height: 54px;
                .icon4 {
                  z-index: 97;
                  width: 12px;
                  height: 32px;
                  margin-top: 11px;
                }
                .word8 {
                  z-index: 96;
                  width: 160px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 32px;
                  font-family: PingFangSC-Semibold;
                  line-height: 45px;
                  text-align: left;
                  margin: 4px 0 0 20px;
                }
                .pic1 {
                  z-index: 204;
                  width: 220px;
                  height: 54px;
                  margin-left: 262px;
                }
              }
            }
            .group2 {
              z-index: 193;
              height: 54px;
              margin-top: 10px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .wrap2 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .word9 {
                  z-index: 195;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .txt4 {
                  z-index: 197;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group3 {
              z-index: 100;
              height: 54px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
                100% no-repeat;
              margin-top: 2px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .box1 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .info2 {
                  z-index: 103;
                  width: 78px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word10 {
                  z-index: 105;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group4 {
              z-index: 114;
              height: 54px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
                100% no-repeat;
              width: 750px;
              justify-content: center;
              align-items: center;
              .box2 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .txt5 {
                  z-index: 117;
                  width: 156px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .info3 {
                  z-index: 119;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group5 {
              z-index: 142;
              height: 54px;
              margin-top: 53px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .box3 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .word11 {
                  z-index: 144;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word12 {
                  z-index: 146;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group6 {
              z-index: 154;
              height: 54px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .box4 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .word13 {
                  z-index: 156;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .txt6 {
                  z-index: 158;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group7 {
              z-index: 166;
              height: 100px;
              width: 750px;
              justify-content: flex-start;
              padding-top: 7px;
              align-items: center;
              .outer1 {
                z-index: auto;
                width: 690px;
                height: 80px;
                justify-content: space-between;
                .info4 {
                  z-index: 168;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                  margin-top: 1px;
                }
                .info5 {
                  z-index: 170;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 40px;
                  text-align: right;
                }
              }
            }
            .group8 {
              z-index: 178;
              height: 54px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
                100% no-repeat;
              width: 750px;
              justify-content: center;
              align-items: center;
              .box5 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .word14 {
                  z-index: 182;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word15 {
                  z-index: 184;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group9 {
              z-index: 180;
              width: 684px;
              height: 1px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng1808bd3281a2c3ce94f399e5a14f67c3c71b196ceaa768fb274da7971cf36557)
                100% no-repeat;
              align-self: flex-start;
              margin: 20px 0 0 30px;
            }
            .group10 {
              z-index: 199;
              height: 54px;
              margin-top: 30px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .main11 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .word16 {
                  z-index: 201;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .txt7 {
                  z-index: 203;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group11 {
              z-index: 107;
              height: 54px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
                100% no-repeat;
              margin-top: 2px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .block6 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .info6 {
                  z-index: 110;
                  width: 78px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word17 {
                  z-index: 112;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group12 {
              z-index: 121;
              height: 54px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
                100% no-repeat;
              width: 750px;
              justify-content: center;
              align-items: center;
              .group13 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .txt8 {
                  z-index: 124;
                  width: 156px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .txt9 {
                  z-index: 126;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group14 {
              z-index: 148;
              height: 54px;
              margin-top: 53px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .mod4 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .word18 {
                  z-index: 150;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .info7 {
                  z-index: 152;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group15 {
              z-index: 160;
              height: 54px;
              width: 750px;
              justify-content: center;
              align-items: center;
              .group16 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .txt10 {
                  z-index: 162;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .word19 {
                  z-index: 164;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
            .group17 {
              z-index: 172;
              height: 100px;
              width: 750px;
              justify-content: flex-start;
              padding-top: 7px;
              align-items: center;
              .layer5 {
                z-index: auto;
                width: 690px;
                height: 80px;
                justify-content: space-between;
                .word20 {
                  z-index: 174;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                  margin-top: 1px;
                }
                .word21 {
                  z-index: 176;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 40px;
                  text-align: right;
                }
              }
            }
            .group18 {
              z-index: 186;
              height: 54px;
              background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
                100% no-repeat;
              width: 750px;
              justify-content: center;
              align-items: center;
              .outer2 {
                z-index: auto;
                width: 690px;
                height: 38px;
                justify-content: space-between;
                .word22 {
                  z-index: 189;
                  width: 104px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 26px;
                  line-height: 38px;
                  text-align: left;
                }
                .info8 {
                  z-index: 191;
                  width: 492px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(38, 46, 63, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: right;
                }
              }
            }
          }
          .section3 {
            z-index: 128;
            height: 54px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
              100% no-repeat;
            width: 750px;
            justify-content: center;
            align-items: center;
            position: absolute;
            left: 0;
            top: 253px;
            .group19 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .word23 {
                z-index: 131;
                width: 122px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .info9 {
                z-index: 133;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .section4 {
            z-index: 135;
            height: 54px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5e049f74e201ee238152f1d0780298ab3fc7b182a0a98022e8915d74b9f62d86)
              100% no-repeat;
            width: 750px;
            justify-content: center;
            align-items: center;
            position: absolute;
            left: 0;
            top: 783px;
            .section5 {
              z-index: auto;
              width: 690px;
              height: 38px;
              justify-content: space-between;
              .txt11 {
                z-index: 138;
                width: 122px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .info10 {
                z-index: 140;
                width: 492px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(38, 46, 63, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
        }
        .info11 {
          z-index: 207;
          width: 300px;
          display: block;
          overflow-wrap: break-word;
          color: rgba(22, 38, 65, 1);
          font-size: 30px;
          line-height: 42px;
          text-align: left;
          align-self: flex-start;
          margin: 40px 0 0 40px;
        }
        .block7 {
          z-index: auto;
          width: 460px;
          height: 40px;
          justify-content: space-between;
          margin: 21px 0 0 40px;
          .icon5 {
            z-index: 212;
            width: 30px;
            height: 30px;
            margin-top: 5px;
          }
          .info12 {
            z-index: 211;
            width: 420px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 40px;
            text-align: left;
          }
        }
        .block8 {
          z-index: auto;
          width: 600px;
          height: 40px;
          justify-content: space-between;
          margin: 16px 0 0 40px;
          .icon6 {
            z-index: 218;
            width: 30px;
            height: 30px;
            margin-top: 6px;
          }
          .info13 {
            z-index: 217;
            width: 560px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 40px;
            text-align: left;
          }
        }
        .block9 {
          z-index: auto;
          width: 460px;
          height: 40px;
          justify-content: space-between;
          margin: 16px 0 0 40px;
          .icon7 {
            z-index: 224;
            width: 30px;
            height: 30px;
            margin-top: 6px;
          }
          .info14 {
            z-index: 223;
            width: 420px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 28px;
            line-height: 40px;
            text-align: left;
          }
        }
        .block10 {
          z-index: auto;
          width: 364px;
          height: 37px;
          justify-content: space-between;
          margin: 22px 0 0 40px;
          .info15 {
            z-index: 208;
            width: 208px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(114, 125, 139, 1);
            font-size: 26px;
            line-height: 37px;
            text-align: left;
          }
          .txt12 {
            z-index: 209;
            width: 156px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(238, 65, 65, 1);
            font-size: 26px;
            line-height: 37px;
            text-align: left;
          }
        }
        .block11 {
          z-index: 279;
          height: 138px;
          background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPnge2ca783b1bd8f3e9e8c22310c90f69ce800fcf352c013986ff3c0101256f9d30)
            100% no-repeat;
          margin-top: 40px;
          width: 750px;
          justify-content: center;
          align-items: center;
          .main12 {
            z-index: 283;
            height: 100px;
            border-radius: 10px;
            background-color: rgba(238, 65, 65, 1);
            width: 670px;
            justify-content: center;
            .txt13 {
              z-index: 284;
              width: 670px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(255, 255, 255, 1);
              font-size: 32px;
              font-family: PingFangSC-Semibold;
              line-height: 44px;
              text-align: center;
            }
          }
        }
      }
    }
  }
  .bd3 {
    z-index: 228;
    height: 543px;
    background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0116724adbfadf231103b2110fc7d49ab3f0c54d3a01b20509622fbaf414cb32)
      100% no-repeat;
    width: 750px;
    justify-content: flex-end;
    padding-bottom: 30px;
    align-items: center;
    position: absolute;
    left: 0;
    top: 128px;
    .mod5 {
      z-index: auto;
      width: 690px;
      height: 473px;
      .word24 {
        z-index: 276;
        width: 690px;
        display: block;
        overflow-wrap: break-word;
        color: rgba(255, 255, 255, 1);
        font-size: 38px;
        font-family: PingFangSC-Semibold;
        line-height: 53px;
        text-align: left;
      }
      .block12 {
        z-index: 235;
        height: 390px;
        border-radius: 10px;
        overflow: hidden;
        background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng81d3524e1b199b0de95e6b777c8f2e70a773c278b53339440514124a1d25ae3c) -24px -12px
          no-repeat;
        margin-top: 30px;
        width: 690px;
        justify-content: flex-start;
        padding-top: 10px;
        position: relative;
        .block13 {
          z-index: auto;
          width: 690px;
          height: 350px;
          .wrap3 {
            z-index: 274;
            height: 80px;
            align-self: center;
            width: 670px;
            justify-content: center;
            align-items: flex-start;
            padding-left: 20px;
            .txt14 {
              z-index: 275;
              width: 136px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(38, 46, 63, 1);
              font-size: 34px;
              font-family: PingFangSC-Medium;
              line-height: 48px;
              text-align: left;
            }
          }
          .wrap4 {
            z-index: 246;
            height: 54px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
              100% no-repeat;
            width: 690px;
            justify-content: center;
            align-items: center;
            .layer6 {
              z-index: auto;
              width: 630px;
              height: 38px;
              justify-content: space-between;
              .txt15 {
                z-index: 249;
                width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .txt16 {
                z-index: 251;
                width: 414px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .wrap5 {
            z-index: 239;
            height: 54px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
              100% no-repeat;
            width: 690px;
            justify-content: center;
            align-items: center;
            .group20 {
              z-index: auto;
              width: 630px;
              height: 38px;
              justify-content: space-between;
              .txt17 {
                z-index: 242;
                width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .word25 {
                z-index: 244;
                width: 414px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .wrap6 {
            z-index: 253;
            height: 54px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
              100% no-repeat;
            width: 690px;
            justify-content: center;
            align-items: center;
            .bd4 {
              z-index: auto;
              width: 630px;
              height: 38px;
              justify-content: space-between;
              .info16 {
                z-index: 256;
                width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .info17 {
                z-index: 258;
                width: 414px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .wrap7 {
            z-index: 260;
            height: 54px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
              100% no-repeat;
            width: 690px;
            justify-content: center;
            align-items: center;
            .bd5 {
              z-index: auto;
              width: 630px;
              height: 38px;
              justify-content: space-between;
              .word26 {
                z-index: 263;
                width: 130px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .word27 {
                z-index: 265;
                width: 414px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(238, 65, 65, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
          .wrap8 {
            z-index: 267;
            height: 54px;
            background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb5a14c2691fea5dda562502bc571fdfeec5ed4c17d65f1460a0a13ea7917d537)
              100% no-repeat;
            width: 690px;
            justify-content: center;
            align-items: center;
            .section6 {
              z-index: auto;
              width: 630px;
              height: 38px;
              justify-content: space-between;
              .txt18 {
                z-index: 270;
                width: 104px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 26px;
                line-height: 38px;
                text-align: left;
              }
              .txt19 {
                z-index: 272;
                width: 414px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: right;
              }
            }
          }
        }
        .img1 {
          z-index: 236;
          position: absolute;
          left: 524px;
          top: 0;
          width: 166px;
          height: 122px;
        }
      }
    }
  }
}

</style>
